<template>
	<view>
		<u-navbar :title="title" :placeholder="placeholder" :bgColor="bgColor" :titleStyle="titleStyle"
			:autoBack="autoBack" titleWidth="360rpx">
			<template #left>
				<slot v-if="isSlot"></slot>
				<view v-else-if="isShowLeft">
					<u-icon name="arrow-left" size="19" :color="leftIconColor"></u-icon>
				</view>
			</template>
		</u-navbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		props: {
			title: {
				type: String,
				default: ''
			},
			bgColor: {
				type: String,
				default: '#fff'
			},
			isShowLeft: {
				type: Boolean,
				default: true
			},
			placeholder: {
				type: Boolean,
				default: true
			},
			autoBack: {
				type: Boolean,
				default: true
			},
			leftIconColor: {
				type: String,
				default: '#000000'
			},
			titleStyle: {
				type: String,
				default: 'color: #000000;font-size: 32rpx;font-weight: 400;'
			}

		},
		computed: {
			isSlot() {
				return this.$slots.default
			}
		},
		mounted() {}
	}
</script>

<style>
</style>